[@main.layout title="feedback - view"]
<style>

/** Data table display */
table.threecols{
	border: 1px solid #000;
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 .5em 0;
	padding: 0;
}
table.threecols tr{
	vertical-align: top;
}
table.threecols tr.header{
	background: #ADADAD;
	font-weight: bold;
}
table.threecols tr.odd{
	background: #FFF;
}
table.threecols tr.even{
	background: #d3d3d3;
}
table.threecols tr td{
	padding: .25em;
	border: 1px solid #000;
}
table.threecols tr > td{
	width: 20%;
}
table.threecols tr > td + td{
	width: 25%;
}
table.threecols tr > td + td + td{
	width: 55%;
}

/** menu navigations */
div.paging_nav {
	margin-bottom: 1em;
	overflow: hidden;
	width: 100%;
}
div.paging_nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.paging_nav ul li {
	border: 0;
	float: left;
	line-height: 1.1em;
	margin: 0 .5em 0 -.5em;
	padding: 0 .5em 0 .5em;
}
div.paging_nav form{
	margin: 0;
	padding: 0;
}
div.paging_nav .paging_control{
	margin: 0 1em 0 0;
}
div.paging_nav a:link, div.paging_nav a:visited{
	color: blue;
	text-decoration: none;
}
div.paging_nav a:hover, div.paging_nav a:active {
	color: blue;
	text-decoration: none;
}
</style>

[#macro paging]
<div class="paging_nav">
	<form>
		<input name="currentPage" type="hidden" value="${currentPage}"/>
		<span class="paging_control">Paging</span>
		<span class="paging_control"><a href="?toPage=first&currentPage=${currentPage}">|&lt;</a></span>
		<span class="paging_control"><a href="?toPage=prev&currentPage=${currentPage}">&lt;&lt;</a></span>
		<span class="paging_control"></span><input name="toPage" type="text" size="3" value="${currentPage}"/><span> / ${totalPages} </span>
		<span class="paging_control"><a href="?toPage=next&currentPage=${currentPage}">&gt;&gt;</a></span>
		<span class="paging_control"><a href="?toPage=last&currentPage=${currentPage}">&gt;|</a></span>
		<span class="paging_control">[Rows Per Page: ${rowsPerPage}, Total Rows = ${totalRows}]</span>
	</form>
</div>
[/#macro]

<h1>Feedbacks From the Public Users</h1>

[@paging/]
<table class="threecols">
	<tr class="header"><td>Date</td><td>Author</td><td>Message</td></tr>
	[#list feedbacks as f]
	<tr class="[#if f_index % 2 == 0]odd[#else]even[/#if]"><td>${f.createdDate}</td><td>${f.author}</td><td>${f.message}</td></tr>
	[/#list]
</table>
[@paging/]

[/@main.layout]
